<!DOCTYPE html >
<head>
<meta charset="UTF-8">
<title>觉唯网首页</title>
<link rel="stylesheet" type="text/css" href="style.css">
 <link rel="stylesheet" type="text/css" href="../网页简历/bootstrap-3.3.7-dist/css/bootstrap.min.css">
</head>
<body>
<div class="wrap">
    <div class="nav">
        <div class="nav_top">
            <img src="images\下载.png"/>
            <ul>
                <li><a href="#">文章</a></li>
                <li><a href="#">素材</a></li>
                <li><a href="#">欣赏</a></li>
                <li><a href="#">兑换</a></li>
                <li><a href="#">活动</a></li>
                <li><a href="#">唯然</a></li>
                <li id="l"><a href="#">更多</a>
                 <ul class="son">
                    <li class="lison" id="y2"><a href="#" id="y3">关于觉唯</a></li>
                    <li class="lison" id="y4"><a href="#" id="y5">联系我们</a></li>
                 </ul>
                </li>
            </ul>
            <img src="images\search89.png"  id="fdj"/>

            <button class="b2">注册</button>
            <button class="b1" >登录</button>

        </div><!--nav_top结束-->
        <div class="banner">&nbsp;
         <h2>热爱生活，享受乐趣</h2>
         <p>love life and enjoy the sun</p>
         </div><!--banner结束-->
         <div class="nav_box">
           <img src="images\speaker11.png" width="512" height="512" />
           <ul>
            <li><a href="#">[3-22]用户中心正式上线</a></li>
            <li><a href="#">[3-22]觉唯商城正式上线</a></li>
            <li><a href="#">[4-22]新增个人主页 </a></li>
            <li><a href="#">[5-22]觉唯网上级上线</a></li>
            <li><a href="#">[6-22]新增QQ一键登录</a></li>
           </ul>
         </div>
        </div><!--nav结束-->
        <div class="content_box1">
         <div class="container" id="container">
          <ul class="imgBox" id="imgBox" style="left: -600px;">
           <li><img src="images/051513432027eb5953e4e09.jpeg"/> </li>
           <li><img src="images/20235402b31dda0947d4c4f.png"/> </li>
           <li><img src="images/30235826cc21c218d1d33a5.png"/> </li>
           <li><img src="images/141124231a862b3f6d55040.png"/> </li>
           <li><img src="images/12215358876b9b48232955f.jpg"/> </li>
           <li><img src="images/051513432027eb5953e4e09.jpeg"/> </li>
           <li><img src="images/20235402b31dda0947d4c4f.png"/> </li>
          </ul>
          <ul id="bt1" class="bt1">
           <li class="select" index="0"></li>
           <li index="1"></li>
           <li index="2"></li>
           <li index="3"></li>
           <li index="4"></li>
          </ul>
          <div class="pre" id="pre">&lt;</div>
          <div class="next" id="next">&gt;</div>
         </div><!--imgs结束-->
         <div class="box1_pic1"> <img src="images\0418451897aefbbb2d8c148.png"  /></div>
         <div class="box1_pic2"> <img src="images\062135139b6aa76374269a2.png"  /></div>
          
        </div><!--content_box1结束-->
       <div class="content_box2">
        <div class="content_box2_box">
         <div class="content_box2_box_content">
          <div class="top_title">
           <img  class="img1" src="images\钻石 (1).png" /><span class="span1">尹悦</span>
           <img  class="img2" src="images\download-fill (1).png"/><span class="span2">999</span>
          </div><!--top_title结束-->
         <img src="images\13132815c4ca4238a0b9238.jpg"/>
          <div class="content_box2_filter">
          </div><!--filter结束-->
         </div><!--content_box2_box_content结束-->
        <div class="content_box2_foot">
         <div class="content_box2_foot_top">
         <span>刮风这天我试过握着你手</span>
         </div> 
             <div class="content_box2_foot_bottom">
          <span class="span1">5天前</span>
         <div class="content_box2_foot_bottom_y">
          <img src="images\QQ截图20160715182054.png"  class="img1"/><span class="span2">999</span>
          <img src="images\QQ截图20160715182102.png"  class="img2"/><span class="span3">999</span>
         </div>
          </div>
        </div>
        </div><!--content_box2_box结束-->
        <div class="content_box2_box">
         <div class="content_box2_box_content">
          <div class="top_title">
            <img  class="img1" src="images\钻石 (1).png" /><span class="span1">尹悦</span>
           <img  class="img2" src="images\download-fill (1).png"/><span class="span2">999</span>
          </div><!--top_title结束-->
         <img src="images\081920137bb99ccc1e7371c.jpg"/>
          <div class="content_box2_filter">
          </div><!--filter结束-->
         </div><!--content_box2_box_content结束-->
        <div class="content_box2_foot">
         <div class="content_box2_foot_top">
         <span>但偏偏雨渐渐大到我看你不见</span>
         </div> 
             <div class="content_box2_foot_bottom">
          <span class="span1">5天前</span>
         <div class="content_box2_foot_bottom_y">
          <img src="images\QQ截图20160715182054.png"  class="img1"/><span class="span2">999</span>
          <img src="images\QQ截图20160715182102.png"  class="img2"/><span class="span3">999</span>
         </div>
          </div>
        </div>
        </div><!--content_box2_box结束-->
        <div class="content_box2_box">
         <div class="content_box2_box_content">
          <div class="top_title">
            <img  class="img1" src="images\钻石 (1).png" /><span class="span1">尹悦</span>
           <img  class="img2" src="images\download-fill (1).png"/><span class="span2">999</span>
          </div><!--top_title结束-->
         <img src="images\121437520dc4003bb3b4a5e.jpg"/>
          <div class="content_box2_filter">
          </div><!--filter结束-->
         </div><!--content_box2_box_content结束-->
        <div class="content_box2_foot">
         <div class="content_box2_foot_top">
         <span>还要多久我才能在你身边</span>
         </div> 
             <div class="content_box2_foot_bottom">
          <span class="span1">5天前</span>
         <div class="content_box2_foot_bottom_y">
          <img src="images\QQ截图20160715182054.png"  class="img1"/><span class="span2">999</span>
          <img src="images\QQ截图20160715182102.png"  class="img2"/><span class="span3">999</span>
         </div>
          </div>
        </div>
        </div><!--content_box2_box结束-->
        <div class="content_box2_box">
         <div class="content_box2_box_content">
          <div class="top_title">
            <img  class="img1" src="images\钻石 (1).png" /><span class="span1">尹悦</span>
           <img  class="img2" src="images\download-fill (1).png"/><span class="span2">999</span>
          </div><!--top_title结束-->
         <img src="images\18134842ac32629e262cf2f.jpg"/>
          <div class="content_box2_filter">
          </div><!--filter结束-->
         </div><!--content_box2_box_content结束-->
        <div class="content_box2_foot">
         <div class="content_box2_foot_top">
         <span>等到放晴的那天也许我会比较好一点</span>
         </div> 
             <div class="content_box2_foot_bottom">
          <span class="span1">5天前</span>
         <div class="content_box2_foot_bottom_y">
          <img src="images\QQ截图20160715182054.png"  class="img1"/><span class="span2">999</span>
          <img src="images\QQ截图20160715182102.png"  class="img2"/><span class="span3">999</span>
         </div>
          </div>
        </div>
        </div><!--content_box2_box结束-->
        <div class="content_box2_box">
         <div class="content_box2_box_content">
          <div class="top_title">
            <img  class="img1" src="images\钻石 (1).png" /><span class="span1">尹悦</span>
           <img  class="img2" src="images\download-fill (1).png"/><span class="span2">999</span>
          </div><!--top_title结束-->
         <img src="images\1313225577e14374fe2eb36.jpg "/>
          <div class="content_box2_filter">
          </div><!--filter结束-->
         </div><!--content_box2_box_content结束-->
        <div class="content_box2_foot">
         <div class="content_box2_foot_top">
         <span>吹着前奏望着天空</span>
         </div> 
             <div class="content_box2_foot_bottom">
          <span class="span1">5天前</span>
         <div class="content_box2_foot_bottom_y">
          <img src="images\QQ截图20160715182054.png"  class="img1"/><span class="span2">999</span>
          <img src="images\QQ截图20160715182102.png"  class="img2"/><span class="span3">999</span>
         </div>
          </div>
        </div>
        </div><!--content_box2_box结束-->
        <div class="content_box2_box">
         <div class="content_box2_box_content">
          <div class="top_title">
            <img  class="img1" src="images\钻石 (1).png" /><span class="span1">尹悦</span>
           <img  class="img2" src="images\download-fill (1).png"/><span class="span2">999</span>
          </div><!--top_title结束-->
         <img src="images\181139225d7b9adcbe1c629.jpg"/>
          <div class="content_box2_filter">
          </div><!--filter结束-->
         </div><!--content_box2_box_content结束-->
        <div class="content_box2_foot">
         <div class="content_box2_foot_top">
         <span>我想起花瓣试着凋落</span>
         </div> 
             <div class="content_box2_foot_bottom">
          <span class="span1">5天前</span>
         <div class="content_box2_foot_bottom_y">
          <img src="images\QQ截图20160715182054.png"  class="img1"/><span class="span2">999</span>
          <img src="images\QQ截图20160715182102.png"  class="img2"/><span class="span3">999</span>
         </div>
          </div>
        </div>
        </div><!--content_box2_box结束-->
        <div class="content_box2_box">
         <div class="content_box2_box_content">
          <div class="top_title">
            <img  class="img1" src="images\钻石 (1).png" /><span class="span1">尹悦</span>
           <img  class="img2" src="images\download-fill (1).png"/><span class="span2">999</span>
          </div><!--top_title结束-->
         <img src="images\13133308c4ca4238a0b9238.jpg"/>
          <div class="content_box2_filter">
          </div><!--filter结束-->
         </div><!--content_box2_box_content结束-->
        <div class="content_box2_foot">
         <div class="content_box2_foot_top">
         <span>你会等待还是离开</span>
         </div> 
             <div class="content_box2_foot_bottom">
          <span class="span1">5天前</span>
         <div class="content_box2_foot_bottom_y">
          <img src="images\QQ截图20160715182054.png"  class="img1"/><span class="span2">999</span>
          <img src="images\QQ截图20160715182102.png"  class="img2"/><span class="span3">999</span>
         </div>
          </div>
        </div>
        </div><!--content_box2_box结束-->
        <div class="content_box2_box">
         <div class="content_box2_box_content">
          <div class="top_title">
            <img  class="img1" src="images\钻石 (1).png" /><span class="span1">尹悦</span>
           <img  class="img2" src="images\download-fill (1).png"/><span class="span2">999</span>
          </div><!--top_title结束-->
         <img src="images\03141453d3d9446802a4425.jpg"/>
          <div class="content_box2_filter">
          </div><!--filter结束-->
         </div><!--content_box2_box_content结束-->
        <div class="content_box2_foot">
         <div class="content_box2_foot_top">
         <span>但故事的最后你好像还是说了拜拜</span>
         </div> 
             <div class="content_box2_foot_bottom">
          <span class="span1">5天前</span>
         <div class="content_box2_foot_bottom_y">
          <img src="images\QQ截图20160715182054.png"  class="img1"/><span class="span2">999</span>
          <img src="images\QQ截图20160715182102.png"  class="img2"/><span class="span3">999</span>
         </div>
          </div>
        </div>
        </div><!--content_box2_box结束-->
        <div class="content_box2_box">
         <div class="content_box2_box_content">
          <div class="top_title">
            <img  class="img1" src="images\钻石 (1).png" /><span class="span1">尹悦</span>
           <img  class="img2" src="images\download-fill (1).png"/><span class="span2">999</span>
          </div><!--top_title结束-->
         <img src="images\13132719a87ff679a2f3e71.jpg"/>
          <div class="content_box2_filter">
          </div><!--filter结束-->
         </div><!--content_box2_box_content结束-->
        <div class="content_box2_foot">
         <div class="content_box2_foot_top">
         <span>从前从前有个人爱你很久</span>
         </div> 
         <div class="content_box2_foot_bottom">
          	<span class="span1">5天前</span>
             <div class="content_box2_foot_bottom_y">
                  <img src="images\QQ截图20160715182054.png"  class="img1"/><span class="span2">999</span>
                  <img src="images\QQ截图20160715182102.png"  class="img2"/><span class="span3">999</span>
             </div>
          </div>
        </div>
        </div><!--content_box2_box结束-->
        <ul class="pagination pagination-sm guide">
         <li>
          <a href="javascript:void(0);" aria-label="Previous">
           <span aria-hidden="true">&laquo;</span>
          </a>
         </li>
         <li><a href="javascript:void(0);">1</a></li>
         <li><a href="javascript:void(0);">2</a></li>
         <li><a href="javascript:void(0);">3</a></li>
         <li><a href="javascript:void(0);">4</a></li>
         <li><a href="javascript:void(0);">5</a></li>
         <li>
          <a href="javascript:void(0);" aria-label="Next">
           <span aria-hidden="true">&raquo;</span>
          </a>
         </li>
        </ul>
       </div><!--content_box2结束-->
       <div class="content_box3">&nbsp;
         <ul>
          <li>
           
           <a href="#"><img src="images\17100150c4ca4238a0b9238.jpeg" /></a>  <div class="content_box3_filter"><img src="images\链接.png" /></div>
           <div class="content_box3_title">
            <span class="y0" >觉唯网</span>
            <span class="y1">1天前</span>
           
             <img src="images\爱心.png" class="y2"/>
            <span class="y3">999</span>
             <img src="images\眼睛.png" class="y4"/>
            <span class="y5">999</span>
             <img  class="y6" src="images\聊天.png" />
             <span class="y7">1</span>
           </div></li>
            <li>
           
           <a href="#"><img src="images\1710085525b2916b5c49db6.jpg" /></a>  <div class="content_box3_filter"><img src="images\链接.png" /></div>
           <div class="content_box3_title">
            <span class="y0" >觉唯网</span>
            <span class="y1">1天前</span>
           
             <img src="images\爱心.png" class="y2"/>
            <span class="y3">999</span>
             <img src="images\眼睛.png" class="y4"/>
            <span class="y5">999</span>
             <img  class="y6" src="images\聊天.png" />
             <span class="y7">1</span>
           </div></li>
            <li>
           
           <a href="#"><img src="images\1710034546c4f3f7360db85.jpeg" /></a>  <div class="content_box3_filter"><img src="images\链接.png" /></div>
           <div class="content_box3_title">
            <span class="y0" >觉唯网</span>
            <span class="y1">1天前</span>
           
             <img src="images\爱心.png" class="y2"/>
            <span class="y3">999</span>
             <img src="images\眼睛.png" class="y4"/>
            <span class="y5">999</span>
             <img  class="y6" src="images\聊天.png" />
             <span class="y7">1</span>
           </div></li>
            <li>
           
           <a href="#"><img src="images\1710031246c4f3f7360db85.jpeg" /></a>  <div class="content_box3_filter"><img src="images\链接.png" /></div>
           <div class="content_box3_title">
            <span class="y0" >觉唯网</span>
            <span class="y1">1天前</span>
           
             <img src="images\爱心.png" class="y2"/>
            <span class="y3">999</span>
             <img src="images\眼睛.png" class="y4"/>
            <span class="y5">999</span>
             <img  class="y6" src="images\聊天.png" />
             <span class="y7">1</span>
           </div></li>
            <li>
           
           <a href="#"><img src="images\1710020546c4f3f7360db85.jpeg" /></a>  <div class="content_box3_filter"><img src="images\链接.png" /></div>
           <div class="content_box3_title">
            <span class="y0" >觉唯网</span>
            <span class="y1">1天前</span>
           
             <img src="images\爱心.png" class="y2"/>
            <span class="y3">999</span>
             <img src="images\眼睛.png" class="y4"/>
            <span class="y5">999</span>
             <img  class="y6" src="images\聊天.png" />
             <span class="y7">1</span>
           </div></li>
            <li>
           
           <a href="#"><img src="images\1710013846c4f3f7360db85.jpeg" /></a>  <div class="content_box3_filter"><img src="images\链接.png" /></div>
           <div class="content_box3_title">
            <span class="y0" >觉唯网</span>
            <span class="y1">1天前</span>
           
             <img src="images\爱心.png" class="y2"/>
            <span class="y3">999</span>
             <img src="images\眼睛.png" class="y4"/>
            <span class="y5">999</span>
             <img  class="y6" src="images\聊天.png" />
             <span class="y7">1</span>
           </div></li>
            <li>
           
           <a href="#"><img src="images\1523330846c4f3f7360db85 (1).jpeg" /></a>  <div class="content_box3_filter"><img src="images\链接.png" /></div>
           <div class="content_box3_title">
            <span class="y0" >觉唯网</span>
            <span class="y1">1天前</span>
           
             <img src="images\爱心.png" class="y2"/>
            <span class="y3">999</span>
             <img src="images\眼睛.png" class="y4"/>
            <span class="y5">999</span>
             <img  class="y6" src="images\聊天.png" />
             <span class="y7">1</span>
           </div></li>
            <li>
           
           <a href="#"><img src="images\1509421446c4f3f7360db85.jpeg" /></a>  <div class="content_box3_filter"><img src="images\链接.png" /></div>
           <div class="content_box3_title">
            <span class="y0" >觉唯网</span>
            <span class="y1">1天前</span>
           
             <img src="images\爱心.png" class="y2"/>
            <span class="y3">999</span>
             <img src="images\眼睛.png" class="y4"/>
            <span class="y5">999</span>
             <img  class="y6" src="images\聊天.png" />
             <span class="y7">1</span>
           </div></li>
            </ul>
            <div class="content_box3_an">
              <a href="#">取悦于灵感 - Love Inspiration </a><img src="images\箭头.png" />
            </div>
       </div><!--content_box3结束-->
       <div class="content_box4">
        <ul>
         <li><img src="images\QQ截图20160715171059.png" />
         <span style="position: relative;left:-10px;">探索发现</span>
          <h3>探索创造性的思维，发现引领最新的设计潮流</h3>
         </li>
          <li><img src="images\QQ截图20160715171110.png" class="yy" style="width:140px;"/>
         <span>用户设计</span>
          <h3>以用户为中心，以体验为至上，以细节为成败</h3>
         </li>
          <li><img src="images\QQ截图20160715171116.png" class="yy" style="width:155px;"/>
         <span>情感传递</span>
          <h3>不只是图文信息，更多的是喜怒哀乐的情感</h3>
         </li>
        </ul>
       </div>
       <div class="content_box5"> 
        <ul>
         <li>
          <h2>活动专题</h2>
         <img src="images\QQ截图20160715171123.png" />
         </li>
          <li>
          <h2>积分商店</h2>
         <img src="images\QQ截图20160715171127.png" class="p"/>
         </li>
          <li>
          <h2>APP设计</h2>
         <img src="images\QQ截图20160715171133.png" />
         </li>
          <li>
          <h2>WordPress教程</h2>
         <img src="images\QQ截图20160715171138.png" class="p1" />
         </li>
        </ul>
       </div>
       <div class="foot">
        <div class="foot_top">
        <div class="foot_top_left">
          <h4>觉唯</h4>
          <p>以用户为中心的设计理念，专注于用户体验设计，拥有国内外最新的设计潮流趋势、独特而美的创意视觉、新颖而灵敏的思维意识、极致而生动的交互体验，更有严谨而通俗的技术教程！
唯然是觉唯网的图片分享社区，以记录美丽、分享美好的创意理念，分享高品质创意、艺术、设计、时尚、插画、摄影、唯美类精美图片。<p>
        </div>
        <div class="foot_top_middle">
         <ul>
          <li id="y9">关于</li>
          <li>关于觉唯</li>
          <li>留言联系</li>
          <li>友情链接</li>
          <li>免责声明</li>
          <li>网站地图</li>
         </ul>
          <ul>
          <li id="y10">栏目</li>
          <li>用户体验</li>
          <li>素材下载</li>
          <li>设计欣赏</li>
          <li>主题商店</li>
          <li>唯然灵感</li>
         </ul>
          <ul>
          <li id="y11">友链</li>
          <li>前端观察</li>
          <li>手Q阅读</li>
          <li>FrozenUI</li>
          <li>设计达人</li>
          <li>MAKA</li>
         </ul>
          
        </div>
        <div class="foot_top_right" id="oo">
         <h3>关注</h3>
         <span>Email: javin@jiawin.com</span>
         <form>
           <input type="text"  />
           <input type="button" value="订阅" id="bt"/>
         </form>
         <div class="foot_pic">
          <img src="images\momo.png" />
              <img src="images\QQ.png" />
                 <img src="images\tengxun.png" />
                     <img src="images\weixin.png" />
                         <img src="images\xinlang.png" />
         </div>
         </div>
        </div><!--foot_top结束-->
        <div class="foot_bottom">
         <span>Copyright © 2012-2016 觉唯设计 Theme by Javin zhong All All Rights Reserved. 粤ICP备12073831号-1</span>
        </div>
       </div><!--foot结束-->
</div>
<script type="text/javascript" src="js.js"></script>
</body>
</html>
